<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/aui.css">
    <link rel="stylesheet" href="css/style.css">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <title>奖金明细</title>
</head>
<body>
<header>
    <a href="my.html" class="f1 head-back"></a>
    <div class="f8">奖金明细</div>
    <div class="f1"></div>
</header>
<section class="bg-gray">
    <div class="pad-3">
        <div class="pad-t-b-2 flex">
            <p class="f1"></p>
            <ul class="col-3 bg-white border-gray border-radius-1 flex">
                <li class="f1 border-r-gray pad-t-b-2">
                    <img class="col-3 auto" src="img/icon1.png" alt="" >
                </li>
                <li class="f1 pad-t-b-2">
                    <img class="col-5 auto" src="img/icon2.png" alt="" >
                </li>
            </ul>
        </div>
        <!--<div class="pad-b-2 right">
            <div class="col-3 inline-block bg-white border-radius-1 border-gray center">
                <span class="col-3 inline-block border-r-gray pad-t-b-2">
                    <img class="col-4" src="img/icon1.png" alt="">
                </span>
                <span class="col-3 inline-block pad-t-b-2">
                    <img class="col-6" src="img/icon2.png" alt="">
                </span>

            </div>
        </div>-->
        <ul class="awardlist line-h-2 border-gray">
            <!--<li class="border-b-gray">
                <div>
                    <p>时间</p>
                    <p>2019-07-22</p>
                </div>
                <div>
                    <p>分享收益</p>
                    <p>10.22</p>
                </div>
                <div>
                    <p>持本生息</p>
                    <p>2.11</p>
                </div>
                <div>
                    <p>盟主奖</p>
                    <p>0.00</p>
                </div>
                <div>
                    <p>超级盟主奖</p>
                    <p>0.00</p>
                </div>
                <div>
                    <p>合计</p>
                    <p>0.00</p>
                </div>
                <div>
                    <p>实发</p>
                    <p>0.00</p>
                </div>
            </li>-->

        </ul>
    </div>
</section>
<script src="js/foot.js"></script>
<script>
    var data ;
    new AjaxRequest({
        type: 'post',
        dataType: 'json',
        url: hostUrl + 'index/Mycenter/bonus_details',
        data: data,
        callback: res => {

            if(res.status == 1){
                var list = '';
                for(var i=0;i<res.data.data.length;i++){
                    list += '<li class="border-b-gray"><div><p>时间</p><p>2019-07-22</p></div><div><p>分享收益</p><p>10.22</p></div><div><p>分享来源</p><p>2.11</p></div><div><p>币种</p><p>0.00</p></div><div><p>类型</p><p>0.00</p></div></li>'
                }
                $(".awardlist").html(list);
            }

        }
    });
</script>
</body>
</html>